查看原文
其他

App之“文字”的设计技巧

2016-05-16 shadow 科技Mix设计Lab

题外话:最近在忙着app上线,太忙了,没顾得上写文章,后面空了会继续更新~



随着互联网技术的高速发展、传播媒体的国际化、信息资讯的大量膨胀,以及人们多元化需求的唤醒,原来单一的信息传播方式受到了冲击。


人类获取信息的方式从最早的象形文字到现代富媒体的形式,富媒体让信息的表达不再仅限于文字,它可以包括文字、图案、表情、色彩、语音、音乐、视频等。文字作为最直接,最有效的方式仍然是信息表达的首选


  下面是一个阅读类的app|日课,功能按钮只用文字来表达,是不是蛮合意境的:


那么,文字在信息传播中有何种特点呢?


首先,文字是叙述性的。因为它直接而具体地告诉受众所指的内容。其次,文字也是一种符号图形,代表了某种需要理解的含义。


下面先用几个例子直观理解下文字的叙述性符号图形两个特点。


  菜单,叙述为主



  这是一幅室内设计的平面图,文字是叙述性的。



  这是标准的键盘,文字是叙述的。



  地图里的文字也是叙述的。



  指示牌,叙述+图形符号化



  这是一段HTML的最基本的代码结构,文字是叙述的也是符号化的。

<html>
     <head>
        <title></title>
     </head>
     <body>
     </body>

</html>


  海报,叙述+图形符号化



从单纯的叙述性到符号图形的层层渐进,从一开始的菜单能最大的表达更多内容,到最后一张海报所表达的含义越发单纯。

那么,在设计时,如何拿捏文字的叙述性与符号图形这2个特性?


一、关于叙述性,可以通过归纳一些同语境的关键词,来进行设计。

按照app的功能属性进行大致分类,叙述性对应各功能属性的关键词有以下几种:

a、阅读属性

b、电商属性

c、旅游/活动属性

d、工具属性

e、分类排行属性


1.1阅读属性

所调查的app中,除了单读、阅界这2款app基本不用文字来表达,其余app用的比较多的关键词,比如头条、推荐、精选、热门、今日、收藏、热点、发现、关注等。


  研究的一些app:

网易:头条、科技、汽车、时尚、图片、24、测试阅读口味,获得更优质的推荐、置顶、跟贴、新闻、阅读、视听、话题、我。 

站酷:推荐

反正:精选、更多、热门

神补刀:高分榜、看看、玩玩

日课:我的、日课、设置、收藏、原文、今日、分享

墨客诗:收藏、设置、春节、作者、目录、分享

视频头条:推荐、社会、娱乐、搞笑、头条、爆料圈、历史、我

今日头条:推荐、热点、上海、视频、社会、订阅、首页、视频、话题、我的

fork:贴纸、分享、转发、关注、发现、通知、我

未来研究所:筛选、推荐、关注、娱乐、体育、财经、预测、专题、发现、福利、个人


1.2电商属性

电商类的用得比较多的关键词为:商品、店铺、超市、优惠券、购、抢、领、降价、秒杀、好货、逛街、清单、购物车、超值、买单、立减、省。


  研究的app清单:

京东:扫啊扫、消息、搜索京东商品/店铺、京东超市、全球购、服装城、白拿白赚、京东到家、抢2元话费、领京豆、优惠券、降价排行、全部、京东快报、秒杀、京选尖货轮番秒、手机专享、限时满减、闪购

网易考拉:在千万海外商品中搜索、推荐、新发现、母婴、美妆、箱包配饰、每日签到、限时购、每日上新、立省5元、首页、活动、分类、购物车、我的考拉

淘宝:扫一扫、流量任性花、消息、天猫、聚划算、天猫国际、口碑外卖、天猫超市、充值中心、阿里旅行、领金币、淘生活、分类、淘宝头条、淘抢购、有好货、爱逛街、必买清单、首页、微淘、社区、购物车、我的淘宝

1号店:上海、搜索你想找的商品、1号团、充值中心、小区雷购、活色生鲜、1号闪购、1号商城、新品试用、订单查询、低价真相、手机会场、电脑会场、精选会场、首页、分类、1品堂、购物车、我的1号店

汽车超人:上海市、优惠洗车、超值精洗、折扣车险、查违章、换轮胎、去保养、换机油、折扣加油、车品特卖、特惠保养、幸运大转盘、快抢车、首页、周边门店、我的

萌贩:这里!搜索你想要的宅品、搜索、COS用品、周边食玩、手办模型、衣服家装、同人创作、ACG原作、每日一买、买买买、宅品、晒图、我的


1.3旅游/活动属性

旅游类的用得比较多的关键词为:目的地、景点、主题、交通、车程、排序、附近、发现、订单、门票、攻略、签证、酒店。


  研究的app清单:

携程周末游:目的地、主题、默认排序、车程、

活动树:活动分类、活动日历、附近、今日推荐、首页、发现、我的

去哪儿:搜索旅行地/酒店/景点、酒店住宿、300元红包未激活、酒店团购、今日特惠、公寓、钟点房、国际酒店、会场、客栈民宿、交通出行、机票、火车票、特价机票、汽车票、车车、旅游&攻略、门票、攻略、旅游团购、签证、首页、服务、订单、发现、我的


1.4工具属性

应用的范围不一样,关键词差异较大,这个得具体问题具体研究了。


  研究的app清单:

印象笔记:设置、文字、照片、提醒、清单、群聊、工作群聊、查看、笔记、全部、笔记本、标签、

高铁管家:火车票、飞机票、专车、踏青、出发地、目的地、出发日期、搜索、常用搜索、车票预定、我的行程、旅行服务、个人中心


1.5分类排行属性

关键词:类别、精品、推荐、排行、更新、精选、新、优秀


  研究的app清单:

Applestore:类别、精品推荐、优秀新App、显示全部、升级好帮手、精品推荐、排行榜、我的附近、搜索、更新

pp助手:大家都在搜、必备、榜单、分类、活动、插件、优秀新软件、显示全部、优秀新游戏、精选、软件、游戏、个性、管理


以上是一些归纳总结的关键词,供参考。


二、符号图形,我们可以从可识别性和可阅读性两方面探讨。

这里总结了8种关于文字图形符号化的设计技巧:


2.1运用色彩、大小对比、深浅对比


  给文字加点颜色,变换下大小,立马不一样哦~


2.2正反图底关系


  想更凸显文字,可以试试加个底色~


2.3转成繁体字


  直接换成繁体字,简单又好用


2.4品牌居中置顶


  这已经成默认设置了,都是这样布置的


2.5个性化的搜索框提示


  这里可以开脑洞啊,给产品一个符合特性的搜索提示语吧!~


2.6标签化


  打标签,装饰味很足,容易吸引眼球


2.7图形+文字


  直接把文字图形化,但仍然保留文字信息,比纯粹图标表达的意思更准确


2.8文字图形化

  文字图形化,要设计得好需要花点时间呢


最后,再总结下:

一、叙述性,归纳同语境的关键词,按照app的功能属性分类,有:阅读、电商、旅游/活动、工具、分类排行属性

二、符号图形,从可识别性和可阅读性两方面,总结了8种关于文字图形符号化的设计技巧。

具体应用的时候,根据需求,拿捏好2者的关系即可。




转载请联系本号

自在园版权所有



扫码关注,获取更多信息

设计+科技=自在园实验室。


公众号简介:

大家好,我是产品经理/大学老师/程序员/园林设计师/UI设计师/…

本号为个人公众号,发布内容主要为设计&科技方面,

这里是设计师、程序员发挥创意的融合实验室。



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存